<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>add</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
</head>
<body>


<style>
  .layui-col-xs6 {
    width: 50%;
  }
  .layadmin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
  }
  .cite {
    font-style: normal;
    font-size: 22px;
    font-weight: 300;
    color: #009688;
  }
  .center{
    text-align: center;
  }
</style>
{include file="common::pagestyle"}
<div class="layui-col-sm6">
  <div class="layui-card">

    <li class="layui-col-xs6">
      <a lay-href="" class="layadmin-backlog-body" style="border-right: thick double gainsboro;">
        <h3 class="center" style="color: crimson;font-size: 16px;font-weight: bold;margin-bottom: 10px;">待处理</h3>
        <p class="center">
          人数：<cite class="cite" style="color: crimson;">{$pending}</cite>
          合计金额：<cite class="cite" style="color: crimson;">￥{$pendingMoney ?? '0.00'}</cite>
        </p>
      </a>
    </li>
    <li class="layui-col-xs6">
      <a lay-href="" class="layadmin-backlog-body">
        <h3 class="center" style="color: lightseagreen;font-size: 16px;font-weight: bold;margin-bottom: 10px;">已处理</h3>
        <p class="center">
          人数：<cite class="cite">{$processed}</cite>
          合计金额：<cite class="cite">￥{$processedMoney ?? '0.00'}</cite>
        </p>
      </a>
    </li>


    <div class="layui-card-header" style="height: 119px">待处理用户信息</div>
    <div class="layui-card-body">
      <table class="layui-table layuiadmin-page-table" lay-skin="line">
        <thead>
        <tr>
          <th>用户名</th>
          <th style="text-align: center;">性别</th>
          <th style="text-align: center;">摘要</th>
          <th style="text-align: center;">金额</th>
          <th style="text-align: right;">操作</th>
        </tr>
        </thead>
        <tbody>
        {volist name='user' id='v' empty="$empty"}
            <tr>
              <td><a href="javascript:;" onclick="edit({$v.id})"><span style="color: deeppink">{$v.name}</span></a></td>
              <td style="text-align: center;"><span>{$v.sex==1?'男':'女'}</span></td>
              <td style="text-align: center;"><span>{$v.content}</span></td>
              <td style="text-align: center;"><span><b>￥</b><b>{$v.money}</b></span></td>
              <td class="td-manage" style="text-align: right;">
                <button class="layui-btn layui-btn-xs" onclick="edit({$v.id})"><i class="layui-icon"></i></button>
              </td>
            </tr>
        {/volist}
        </tbody>
      </table>
      <div class="page" style="margin:10px">{$user|raw}</div>
    </div>
  </div>
</div>




  <script src="../../../layuiadmin/layui/layui.js"></script>
  <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  <script>
    layui.use(['form', 'layer', 'upload'], function () {
      $ = layui.jquery;
      form = layui.form;
      upload = layui.upload;
      layer = layui.layer;

    })


    /*用户-编辑*/
    function edit(id) {
      layer.open({
        maxmin: true,
        title: '编辑',
        shade: [0.8, '#393D49'],
        area: ['500px', '550px'],
        type: 2,
        content: 'editment?id=' + id,
      });
    }

  </script>
</body>
</html>